<!DOCTYPE html>
<!-- 告诉浏览器下面代码用html5的语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 编码集： utf-8 万国码 -->
		<title></title>
	</head>
	<body>
		<!-- html 属性和属性值[所有元素存在，捆绑]   
			功能：做效果【修饰元素】 问题针对一个元素有效
			-->
		<p align='center'>lorem</p>
		<!-- css3 做样式【效果】 针对全局 
		前端：内容表现分离【htnl做结构，css做样式】
			能使用css，不用html元素中属性和属性值
		  css3引入方式：①内部样式表---练习专用【代码量低】
					   ②外部样式表---项目专用，代码量高
					   ③内联样式表---基本不用，代码冗余
					   ④引入样式表---根本不用，支持css2引入方式，
					                缺点：先内容后表现【】
		-->
		<p style="text-align: center">lorem1</p>
	</body>
</html>
